<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">	
    <title>Tabs 2</title>
	<link rel="stylesheet" href="sencha-touch.css" type="text/css">
	<script type="text/javascript" src="sencha-touch.js"></script>    
	<script type="text/javascript" src="index.js"></script>
     
     
	<style type="text/css" media="screen">
	   body {
	       background-color: #33;
		   margin:0;
		   padding:0;
	   }
	   .x-tabpanel > .x-panel-body .x-panel-body {
		   padding:0;
		   margin:0;
	       text-align: center;
	       font-size: 72px;
	       font-weight: bold;
	       color: rgba(0,0,0,.2);
	       text-shadow: rgba(255,255,255,.2) 0 1px 0;
	   }
	   .x-phone .x-tabpanel > .x-panel-body .x-panel-body {
	       padding: 30px 20px;
	       font-size: 36px;
	   }
	   .x-phone p {
	       font-size: 16px;
	       line-height: 18px;
	   }
	   h1 {
	       font-weight: bold;
	   }
	   p {
	       font-size: 24px;
	       line-height: 30px;
	   }
	   .card1 .x-panel-body {
	background-color: #bbb;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	   }
	   .card2 .x-panel-body {
	       background-color: #ccc;
	   }
	   .card3 .x-panel-body {
	       background-color: #ccc;
	   }
	   .card4 .x-panel-body {
	       background-color: #ccc;
	   }
	   .card5 .x-panel-body { background-color: #ddd;	   }

	</style>
</head>
<body></body>
</html>